<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/css.css">
</head>
<body>
    <div class="header">
        <div class="box">
            <img class="header_img" src="img/报告.jpg" alt="">
            <ul class="header_ul">
                <li class="header_ul_li">
                    <a href="#">
                        <p class="pp">首页</p>
                    </a>
                </li>
                <li class="header_ul_li">
                    <a href="#">
                        <p class="pp">学习手册</p>
                    </a>
                </li>
                <li class="header_ul_li">
                    <a href="#">
                        <p class="pp">技术博客</p>
                    </a>
                </li>
                <li class="header_ul_li">
                    <a href="#">
                        <p class="pp">教学视频</p>
                    </a>
                </li>
                <li class="header_ul_li">
                    <a href="#">
                        <p class="pp">资源下载</p>
                    </a>
                </li>
            </ul>
            <input class="header_input" type="text" placeholder="搜索">
            <img class="header_image" src="img/首页.jpg" alt="">
            <div class="header_denglu">
                <a class="header_denglu_a" href="#">登录</a>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="content_div">
            <a href="#">
                <div class="content_shouce">
                    <h3 class="content_shouce_h">精选手册</h3>
                    <a class="content_shouce_a" href="#">查看更多></a>
                </div>
            </a>
            <ul class="content_ul">
                <li class="content_ul_li">
                    <div class="content_qianduan">
                        <a class="content_qianduan_a" href="#">
                            <img class="content_qianduan_img" src="img/前端.jpg" alt="">
                            <p class="content_qianduan_a_p">前端开发学习手册</p>
                            <p class="content_qianduan_a_p1">2019.12.23</p>
                            <div class="content_qianduan_a_yuedu">
                                <p class="content_qianduan_a_yuedu_p">阅读</p>
                            </div>
                        </a>
                    </div>
                </li>
                <li class="content_ul_li">
                    <div class="content_qianduan">
                        <a class="content_qianduan_a" href="#">
                            <img class="content_qianduan_img" src="img/前端.jpg" alt="">
                            <p class="content_qianduan_a_p">前端开发学习手册</p>
                            <p class="content_qianduan_a_p1">2019.12.23</p>
                            <div class="content_qianduan_a_yuedu">
                                <p class="content_qianduan_a_yuedu_p">阅读</p>
                            </div>
                        </a>
                    </div>
                </li>
            </ul>
            <a href="#">
                <div class="content_shouce">
                    <h3 class="content_shouce_h">精选博客</h3>
                    <a class="content_shouce_a" href="#">查看更多></a>
                </div>
            </a>
            <ul class="content_ul">
                <li class="content_ul_li">
                    <div class="content_qianduan">
                        <a class="content_qianduan_a" href="#">
                            <img class="content_qianduan_img" src="img/前端.jpg" alt="">
                            <p class="content_qianduan_a_p">前端开发学习手册</p>
                            <p class="content_qianduan_a_p1">2019.12.23</p>
                            <div class="content_qianduan_a_yuedu1">
                                <p class="content_qianduan_a_yuedu_p1">最近接触比较多的新手程序员和准程序员，和他们交流的过程中，我发现了一些通用的问题，今</br>
                                天把这些问题整理出来，希望可以</br>
                                帮助更多的朋友们
                                </p>
                            </div>
                        </a>
                    </div>
                </li>
                <li class="content_ul_li">
                    <div class="content_qianduan">
                        <a class="content_qianduan_a" href="#">
                            <img class="content_qianduan_img" src="img/前端.jpg" alt="">
                            <p class="content_qianduan_a_p">前端开发学习手册</p>
                            <p class="content_qianduan_a_p1">2019.12.23</p>
                            <div class="content_qianduan_a_yuedu1">
                                <p class="content_qianduan_a_yuedu_p1">最近接触比较多的新手程序员和准程序员，和他们交流的过程中，我发现了一些通用的问题，今</br>
                                    天把这些问题整理出来，希望可以</br>
                                    帮助更多的朋友们
                                    </p>
                            </div>
                        </a>
                    </div>
                </li>
            </ul>
            <a href="#">
                <div class="content_shouce">
                    <h3 class="content_shouce_h">精选视频</h3>
                    <a class="content_shouce_a" href="#">查看更多></a>
                </div>
            </a>
            <ul class="content_ul">
                <li class="content_ul_li">
                    <div class="content_qianduan">
                        <a class="content_qianduan_a" href="#">
                            <img class="content_qianduan_img" src="img/git.jpg" alt="">
                            <p class="content_qianduan_a_p">Git</p>
                            <p class="content_qianduan_a_p1">2019.12.23</p>
                            <div class="content_qianduan_a_yuedu">
                                <p class="content_qianduan_a_yuedu_p">观看</p>
                            </div>
                        </a>
                    </div>
                </li>
                <li class="content_ul_li">
                    <div class="content_qianduan">
                        <a class="content_qianduan_a" href="#">
                            <img class="content_qianduan_img" src="img/git.jpg" alt="">
                            <p class="content_qianduan_a_p">Git</p>
                            <p class="content_qianduan_a_p1">2019.12.23</p>
                            <div class="content_qianduan_a_yuedu">
                                <p class="content_qianduan_a_yuedu_p">观看</p>
                            </div>
                        </a>
                    </div>
                </li>
            </ul>
            <a href="#">
                <div class="content_shouce1">
                    <p class="content_shouce_p">更多精彩内容敬请期待~</p>
                </div>
            </a>
        </div>
        <div class="content_div1">
            <div class="floor">
                <img class="content_qianduan_img1" src="img/前端.jpg" alt="">
                <div class="floor_box">
                    <h3 class="floor_h">精选</h3>
                </div>
                <ul class="floor_ul">
                    <li class="floor_ul_li1">
                        <a class="floor_ul_li_a" href="#">
                            <img class="floor_ul_li_img" src="img/图片4.jpg" alt="">
                            <p class="floor_ul_li_a_p" class="">前端开发学习手册</p>
                            <div class="floor_ul_li_a_div">
                                <p class="floor_ul_li_a_div_p">阅读</p>
                            </div>
                        </a>
                    </li>
                    <li class="floor_ul_li">
                        <a href="#">
                            <p class="p">编程的五大误区，你占了几点？</p>
                        </a>
                    </li>
                    <li class="floor_ul_li">
                        <a href="#">
                            <p class="p">编程的五大误区，你占了几点？</p>
                        </a>
                    </li>
                    <li class="floor_ul_li2">
                        <a href="#">
                            <p class="p">编程的五大误区，你占了几点？</p>
                        </a>
                    </li>
                </ul>
            </div>
            <a class="wenzi_a_p1" href="#">晓舟报告</a>&nbsp;&nbsp;<span class="span">|</span>
            <a class="wenzi_a_p2" href="#">移动端</a>
            <a href="#">
                <p class="content_div1_p">团队介绍</p>
            </a>
            <a href="#">
                <p class="content_div1_p">晓舟报告官方网站</p>
            </a>
            <a href="#">
                <p class="content_div1_p">©2019 冀ICP备 18023262号-4</p>
            </a>
        </div>
    </div>
    <a href="#">
        <img class="img1" src="img/图片1.jpg" alt="">
    </a>
    <a href="#">
        <img class="img2" src="img/图片2.jpg" alt="">
    </a>
    <a href="#">
        <img class="img3" src="img/图片3.jpg" alt="">
    </a>
</body>
</html>